<template>
	<view class="user-space__user">
		<!-- 账户信息 -->
		<view class="user-space__user__info">
			<text class="user-space__user__info--title">账号信息</text>
			<view class="user-space__user__info__body u-f-juc">
				<view class="u-f-ac">
					<text>年龄: </text>
					<text>1年8月6日</text>
				</view>
				<view class="u-f-ac">
					<text>ID</text>
					<text>{{item.id}}</text>
				</view>
			</view>
		</view>
	
		<view class="user-space__user__info">
			<text class="user-space__user__info--title">个人信息</text>
			<view class="user-space__user__info__body u-f-juc">
				<view class="u-f-ac">
					<text>星座</text>
					<text>天蝎座</text>
				</view>
				<view class="u-f-ac">
					<text>职业</text>
					<text>{{item.job}}</text>
				</view>
				<view class="u-f-ac">
					<text>故乡</text>
					<text>{{item.path}}</text>
				</view>
				<view class="u-f-ac">
					<text>情感状态</text>
					<text>{{item.qg}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	const props = defineProps({
		item:{
			type:Object,
			required:true,
		}
	})
	
</script>

<style scoped lang="scss">
	.user-space__user {
		padding: 0 30upx;
	
		&__info {
			padding: 20upx 0;
			border-bottom: 1upx solid #ccc;
	
			&--title {
				display: inline-block;
				font-size: 40upx;
				margin: 30upx 0;
			}
	
			&__body {
				flex-direction: column;
				color: #a2a2a2;
	
				>view {
					margin: 10upx 0;
				}
			}
		}
	}
</style>